<template>
  <section class="slice py-0">
        <div class="container" style="height: 1400px;">
            <div class="row row-grid align-items-center">
                <el-row>
                    <div class="col-6 col-lg-6 pr-md-5">
                    <!-- Heading -->
                    <h1 class="display-4 text-center text-md-left mb-3 ">
                        <span>更加形象且高效的学习</span>
                        <strong class="text-primary">
                            <span style="color: #f75200;">数据结构</span>
                            <span style="color: #45a0fc;">和</span>
                            <span style="color: #0354a5">算法</span>
                        </strong>
                    </h1>
                    <!-- Text -->
                    <p class="lead text-center text-md-left text-muted">
                        基于
                        <a href="https://vuejs.org/">Vue3</a>
                        和
                        <a href="https://www.iviewui.com/">ViewDesign</a>
                        的数据结构和算法可视化学习平台
                    </p>
                    <!-- Buttons -->
                    <div class="text-center text-md-left mt-5">
                        <a href="/chathome"
                            class="btn btn-primary btn-icon" target="_blank">
                            <span class="btn-inner--text">立即体验</span>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle">
                                <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
                            </svg>
                        </a>
                    </div>
                    
                </div>
                    <div>
                        <img style="width:1200px" src="../assets/img/image.png">                   
                    </div>
                </el-row>
                
                
            </div>
        </div>
    </section>
</template>

<script lang="ts" setup >

</script>

<style>
  @import url("@/assets/css/quick-website.css");
</style>